@import "../../styles/common.less";

.goods_detail{
  padding-bottom: 80rpx;
  .goods_swiper{
    swiper{
      /* width:100vw height:85vw */
      height: 85vw;
      image{
        height: 85vw;
      }
    }
  }
  .goods_info{
    display: flex;
    .goods_info_wrap{
      flex: 5;
      .goods_price{
        color: @themeColor;
        font-size: 34rpx;
        padding: 10rpx;
      }
      .goods_name{
        /* 使用less中的函数 */
        .line2();
        font-size: 32rpx;
        padding: 10rpx;
      }
    }
    .goods_collect_wrap{
      flex: 1;
      /* = 字体是什么颜色  currenColor就是什么颜色  */
      border-left: 2rpx solid currentColor;
    display: flex;
    justify-content: center;
    align-items: center;
    }
  }
  .goods_intru{
    .goods_intru_title{
      color: @themeColor;
      padding: 15rpx;
      font-size: 40rpx;
      border-top: 10rpx solid #eee;
      border-bottom: 10rpx solid #eee;
    }
  }
  .btm_tool_wrap{
    border-top: 1px solid #999;
    display: flex;
    height: 80rpx;
    width: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    .btm_item{
      flex: 1;
    text-align: center;
    }
    .contact,.share{
      position: relative;
      button{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
      }
    }
    
    .add_cart{
      flex: 2;
      color: #fff;
      background-color: orange;
      font-size: 32rpx;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .buy_now{
      flex: 2;

      color: #fff;
      background-color: red;
      font-size: 32rpx;
      display: flex;
      justify-content: center;
      align-items: center;
    }

  }

}